<template>
  <div class="hm-friends-list">
    <div class="firendClass">
      <div class="hd">
        <text class="friendsList">{{ options.friendsList }}</text>
        <image class="img" :src="options.img" />
      </div>
      <div class="bd">
        <div class="col1" v-for="(item,index) in options.list" :key="index">
          <!-- <image class="avator" :src="item.avator" /> -->
					<button class="btn play-pause avator" @tap="btncontrallor(index)">
						<image class="btnicon" :src="item.active == 1? item.avator:item.static"></image>
					</button>
          <text class="miller">{{ item.text }}</text>
        </div>
      </div>
      
    </div>
  </div>
</template>
<script>
export default {
  name: 'HmFriendsList',
  props: {
    dataId: {
      type: String,
      default: 'hm-friends-list'
    },
    options: {
      type: Object,
      default: function() {
        return {
          friendsList: '暂无',
          list:[
				{
					avator:"/static/icon/kongtiao.png",
					text:"张三"
				}
			]
        };
      }
    }
  },
  data() {
    return {};
  },
  methods: {
		btncontrallor(item){
			this.$parent.btnclick(item);
			
		}
	}
};
</script>
<style>
@import './index.response.css';
</style>
